import "./index.scss";
import err from "./assets/err.png";
import gou_active from "./assets/gou_active.png";
import gou from "./assets/gou.png";
import { Input } from "antd";
const { TextArea } = Input;

function CorretExam() {
	return (
		<div className="corretExam_wrap">
			<div className="exam_wrap_left">
				<div className="exam_wrap_left_title">考题列表</div>
				<div className="exam_wrap_left_list">
					<div className="exam_wrap_left_list_item">
						<span className="active">1、请简要描述浏览器渲染原理？</span>
						<img src={gou_active} alt="" />
					</div>
					<div className="exam_wrap_left_list_item">
						<span className="">1、请简要描述浏览器渲染原理？</span>
						<img src={gou_active} alt="" />
					</div>
					<div className="exam_wrap_left_list_item">
						<span className="gou">1、请简要描述浏览器渲染原理？</span>
						<img src={gou} alt="" />
					</div>
					<div className="exam_wrap_left_list_item">
						<span className="gou">1、请简要描述浏览器渲染原理？</span>
						<img src={gou} alt="" />
					</div>
				</div>
			</div>
			<div className="exam_wrap_right">
				<div className="exam_wrap_left_title">考卷详情</div>
				<div className="exam_wrap_right_back">返回</div>
				<div className="exam_wrap_right_title">
					1、请简要描述浏览器渲染原理？
				</div>
				<div className="exam_wrap_right_dec">1、请简要描述浏览器渲染原理？</div>
				<div className="line"></div>
				<div className="exam_wrap_right_answer">
					<div className="exam_wrap_right_answer_title">考题答案:</div>
					<div className="exam_wrap_right_answer_content">
						考题答案考题答案考题答案 考题答案 考题答案
					</div>
				</div>
				<div className="exam_wrap_left_title">我的批阅</div>
				<div className="exam_wrap_right_answer">
					<Input.TextArea style={{ height: "90px", resize: "none" }} />
				</div>
				<div className="exam_wrap_right_btn">
					<div className="btn_good">合格</div>
					<div className="btn_bad">不合格</div>
					<div className="btn_save">完成批改</div>
				</div>
				<div className="tip">注意：所有考题均批阅后才可完成批改</div>
			</div>
		</div>
	);
}

export default CorretExam;
